<!DOCTYPE html>
<!-- saved from url=(0042)https://class.hujiang.com/17379014/note/my -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>笔记 - 3z网校</title>

    <meta name="Keywords" content="网校,3z网校,3z网校首页,3z网校,网络课程,在线学习,在线学习平台,网络课程在线学习">
    <meta name="Description" content="3z网校开设英语、日语、法语、韩语、泰语、德语、西班牙语和汉语等网校课程，内容横跨升学应试、海外留学、工作商务等。来3z网校学外语，更有趣、更有效、更实惠。">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/static/index/mynotes/css/bundle-6000c.css">
    <link rel="stylesheet" href="/static/index/mynotes/css/bundle-e348d.css">
    <link rel="stylesheet" href="/static/index/mynotes/css/base.min.css">
    <link rel="stylesheet" href="/static/index/mynotes/css/footer.css">
    <link rel="stylesheet" href="/static/layer/mobile/need/layer.css">

    <style>
        a{
            text-decoration : none;
            color:#333;
        }

        .liebiao:hover li{
            background-color: #eee;
            color: #55B472;
        }
        a:link{
            color: #000;
            text-decoration : none;
        }

        a:hover{
            color: #EB3C0F;
            text-decoration : none;
        }
        a:visited{
            color: #000;
            text-decoration : none;

        }
        a:active{
            color: #000;
            text-decoration : none;
        }
        .modalBox {
            display: none;
        }
        .overLay {
            position: fixed;/*这里的定位方式使用fixed能保证遮罩层百分百的覆盖整个窗口*/
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0.5;
            background-color: #000000;
        }
        .alertContent {
            width: 200px;
            height: 200px;
            background: #ffffff;
            border: 1px solid #333333;
            position: absolute;
            top: 200px;
            left: 500px;
        }
        .alertContent p {
            border-bottom: 1px dashed #333333;
        }
    </style>
</head>
<body class="w1200 untouch">
<div id="newheader">
    <div id="warnBarConteiner"></div>
    <div class="header-container">
        <ol class="header-block header-menu header-left">
            <li><a href="/" alt="首页" class="header-menu-course ipad">首页</a></li>
            <!-- <li> <a href="/home/new" alt="首页" class="header-menu-home ipad">学习中心</a> </li> -->
            <li class="header-myclass"><a href="/changeclass" alt="学习中心" class="header-menu-home"
                                          data-trace="topBar_studyCenter">学习中心 </a>
            </li>
        </ol>
        <a id="hHeaderBarUserInfo" class="update_info_tooltip pass_register_tooltip">点击完善信息</a>
        <ol class="header-block header-menu posright login">
            <li class="header-my"><a href="https://my.hujiang.com/pc/97275884" class="username" target="_blank"
                                     data-notbindusercard="true" data-userid="97275884"
                                     data-trace="topBar_personalHover"><span class="user-name">{:session('web.nickname')}</span> </a>
                <ol class="header-block header-left header-my-list">
                    <li data-trace="topBar_personalHover_myAccount"><a href="/Ucenter" class="header-my-tiger" alt="我的账户" target="_blank">个人中心</a></li>
                    <li><span class="top-line"></span></li>
                    <li data-trace="topBar_personalHover_logout"><a href="/cancellation" class="header-my-cctalk" alt="退出" >退出</a>
                    </li>
                </ol>
            </li>
            <li><a href="/myLikes"
                   class="header-menu-myorder ipad header-neworder header-icon-sprite" alt="我的收藏"
                   data-trace="topBar_messageHover_myOrders">我的收藏</a></li>
        </ol>
        <a id="hHeaderBarClassOrder" class="update_info_tooltip tooltip_classorder">您有订单待支付尾款</a></div>
</div>
<div class="header-bubble"><a href="javascript:;" title="" class="header-bubble-close"></a></div>
<div class="header-mask"></div>
<input type="hidden" id="hjclassSiteConfig"
       value="{&quot;userId&quot;:97275884,&quot;isLogin&quot;:true,&quot;serverTime&quot;:&quot;2018-04-19T08:52:09.476Z&quot;,&quot;userName&quot;:&quot;win13916939091&quot;,&quot;classId&quot;:&quot;17379014&quot;}">
<input type="hidden" id="passVerion" value="0.1.4">
<input type="hidden" id="footerVersion" value="0.5.0">
<input type="hidden" id="hiddenOnlineKickOpen" value="0">
<input type="hidden" id="hNewHeaderBarPara"
       value="{&quot;isLogin&quot;:true,&quot;UserID&quot;:97275884,&quot;UserName&quot;:&quot;win13916939091&quot;}">
<input type="hidden" id="passSubHost" value="pass">
<input type="hidden" id="classId" value="17379014">
<div id="root">
    <div class="_1JNmSyw_" data-reactid=".0">
        <div class="BXJ4Fivm" data-reactid=".0.0" style="background-color: #55B472;">
            <div class="_3Ld3iGFQ clearfix" data-reactid=".0.0.0">
                <div class="_2bkpEeJo" data-reactid=".0.0.0.0">
                    <div class="_2EYpBG28" data-reactid=".0.0.0.0.0"><span data-reactid=".0.0.0.0.0.0">{$cname}</span>
                    </div>
                </div>
                <div class="_3vdG3Y7o" data-reactid=".0.0.0.1">
                    <div class="clearfix _1_fVYGWD" data-reactid=".0.0.0.1.0">
                        <div class="_2X2KMBi7" data-reactid=".0.0.0.1.0.0"><a target="_blank" title="{:session('web')['nickname']}" data-reactid=".0.0.0.1.0.0.0" href="/Ucenter"><img
                                class="_3VFngJss" src="/uploads/{:session('web.face')}" width="60" height="60"
                                data-reactid=".0.0.0.1.0.0.0.0"></a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="_3sRuAAqY" data-reactid=".0.1" style="position: relative;">
            <ul class="_3lG_PLx9 _3vkT_pTp" data-reactid=".0.1.0">
                <li class=" _13OX3C1M" data-reactid=".0.1.0.$11"><i class="_12ploiiE" data-reactid=".0.1.0.$11.0"></i><a
                        class="_5q0kNfmZ" href="/Ustudy/{$cid}" data-reactid=".0.1.0.$11.1">班级首页</a>
                </li>
                <li class="_30i5lhQo _13OX3C1M" data-reactid=".0.1.0.$8"><i class="_3rE7F93i"
                                                                            data-reactid=".0.1.0.$8.0"></i><a
                        class="_5q0kNfmZ"  data-reactid=".0.1.0.$8.1">笔记</a>
                </li>
                <li class=" _13OX3C1M" data-reactid=".0.1.0.$3"><i class="_2WIGSKaO" data-reactid=".0.1.0.$3.0"></i><a
                        class="_5q0kNfmZ" href="{:url('index/vip/discusKeyTip','clid='.$cid)}"
                        data-reactid=".0.1.0.$3.1">讨论</a></li>
                <li class=" _13OX3C1M" data-reactid=".0.1.0.$1"><i class="_2rr8SAbS" data-reactid=".0.1.0.$1.0"></i><a
                        class="_5q0kNfmZ" href="/myquestion/{$cid}"
                        data-reactid=".0.1.0.$1.1">答疑</a></li>
                <li class=" _13OX3C1M" data-reactid=".0.1.0.$12"><i class="TOJln8_C" data-reactid=".0.1.0.$12.0"></i><a
                        class="_5q0kNfmZ" href="/resources/{$cid}"
                        data-reactid=".0.1.0.$12.1">资料</a></li>
                <li class=" _13OX3C1M" data-reactid=".0.1.0.$13"><i class="_2IOshLcG" data-reactid=".0.1.0.$13.0"></i><a
                        class="_5q0kNfmZ" href="{:url('index/Classmate/findclassmate','clid='.$cid)}"
                        data-reactid=".0.1.0.$13.1">同桌</a></li>
            </ul>
            <div class="_1XNozv7M clearfix">
                <div class="_1VSoTcc4">
                    <div class="H1vfP2YR clearfix">
                        <div class="_2Tmry5Mo">我的笔记</div>
                    </div>
                    <div>
                        <div class="_3q-4ml9H clearfix">
                            <div class="_2eOYnsw-">
                                <div data-color="0" class="js_select _3dUmSBjq">
                                    <div class="noteCaption" style="overflow-y: hidden; height: 36px;">所有课时</div>
                                    <ul class="ulNode" style="z-index: 10; position: absolute; left: 0; background-color: #fff; width: 200px; height: 200px;overflow-y: auto; display: none; border: 1px solid #eee; margin-top: 10px; ">
                                        <a href="javascript:;" show-id="" data-name="所有课时" data-cid="{$cid}" class="liebiao"><li>所有课时</li></a>
                                        {volist name="tree" id="v"}
                                        {if condition="$v['pid'] == 0"}
                                        <li style="background-color: #eee;">{$v['name']}</li>
                                        {else /}
                                        <a href="javascript:;"  class="liebiao " show-id="{$v['id']}"  data-cid="{$cid}"  data-name="{$v['name']}" ><li style="height: 36px;overflow-y: hidden" >{$v['name']}</li></a>
                                        {/if}
                                        {/volist}
                                    </ul>
                                </div>
                                <span></span>
                            </div>

                        </div>
                    </div>
                </div>
                <div>
                    <div>
                        <div>
                            <div class="_25DS-5To">
                                <div class="_0310_zzh">
                                    {if condition="empty($data)"}
                                    <div class="_2aMB3-8z null clearfix"><a href="">暂无笔记, 快去学习吧!</a></div>
                                    {else /}
                                    {volist name="data" id="v"}
                                    <div class="_2aMB3-8z  oneNote{$v['id']} null clearfix">
                                        <div>
                                            <span class="_357cyxEt" >{$v['content']}</span>
                                        </div>
                                        <div>
                                            <div class="_3dx7uMMB clearfix">
                                                <div class="_1no7VKre">
                                                    <a class="_1wfbsMKw" target="_blank">{$v['unitename']}</a>
                                                    <div class="_3QidTYFg">|</div>
                                                    <div class="_3QidTYFg">{:date('Y-m-d', $v['updatetime'])}</div>
                                                    <div class="_3QidTYFg">{:date('H:i', $v['updatetime'])}</div>
                                                    <div>
                                                        <div class="_2ID7xlPk clearfix">
                                                            <div  id="dblChoseAlert"  data-edit=""  onclick="editajax('{$v['id']}','{$v['content']}')" class="_39JT77Gw">
                                                                <i class="hui-icon hui-icon-edit _2V2mm5-L"  ></i><span>修改</span>
                                                            </div>
                                                            <div class="OB5E8hU_"  onclick="delajax('{$v['id']}')">
                                                                <i class="hui-icon hui-icon-delete _2V2mm5-L"></i><span>删除</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {/volist}
                                    {/if}
                                </div>
                            </div>
                            <div class="_3Z6Rv8IH">
                                <div>
                                    <ul>
                                        {volist name='page' id='user'}
                                        <li> {$user.nickname}</li>
                                        {/volist}
                                    </ul>
                                </div>
                                {$page}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-reactid=".0.6"></div>
    <div class="hui-footer" data-reactid=".0.7" style="display: block;">
        <div class="hui-footer-bd" data-reactid=".0.7.0">
            <dl class="footer-col" data-reactid=".0.7.0.0">
                <dt data-reactid=".0.7.0.0.0"><h4 data-reactid=".0.7.0.0.0.0">新手指南</h4></dt>
                <dd data-reactid=".0.7.0.0.1"><a target="_blank"
                                                 data-reactid=".0.7.0.0.1.0">如何注册</a></dd>
                <dd data-reactid=".0.7.0.0.2"><a  target="_blank"
                                                  data-reactid=".0.7.0.0.2.0">如何选课</a></dd>
                <dd data-reactid=".0.7.0.0.3"><a  target="_blank"
                                                  data-reactid=".0.7.0.0.3.0">学币是什么</a></dd>
                <dd data-reactid=".0.7.0.0.4"><a  target="_blank"
                                                  data-reactid=".0.7.0.0.4.0">如何开通课程</a></dd>
            </dl>
            <dl class="footer-col" data-reactid=".0.7.0.1">
                <dt data-reactid=".0.7.0.1.0"><h4 data-reactid=".0.7.0.1.0.0">关于课程</h4></dt>
                <dd data-reactid=".0.7.0.1.1"><a  target="_blank"
                                                  data-reactid=".0.7.0.1.1.0">售后政策</a></dd>
                <dd data-reactid=".0.7.0.1.2"><a  target="_blank"
                                                  data-reactid=".0.7.0.1.2.0">如何试听</a></dd>
                <dd data-reactid=".0.7.0.1.3"><a target="_blank"
                                                 data-reactid=".0.7.0.1.3.0">课件离线使用</a></dd>
                <dd data-reactid=".0.7.0.1.4"><a  target="_blank"
                                                  data-reactid=".0.7.0.1.4.0">课程有效期</a></dd>
            </dl>
            <dl class="footer-col" data-reactid=".0.7.0.2">
                <dt data-reactid=".0.7.0.2.0"><h4 data-reactid=".0.7.0.2.0.0">特色网校</h4></dt>
                <dd data-reactid=".0.7.0.2.1"><a
                        target="_blank" data-reactid=".0.7.0.2.1.0">移动网校</a></dd>
                <dd data-reactid=".0.7.0.2.2"><a  target="_blank"
                                                  data-reactid=".0.7.0.2.2.0">网校触屏版</a></dd>
            </dl>
            <dl class="footer-col-last" data-reactid=".0.7.0.3">
                <dt data-reactid=".0.7.0.3.0"><h4 data-reactid=".0.7.0.3.0.0">客服热线</h4></dt>
                <dd class="hui-footer-number" data-reactid=".0.7.0.3.1"><span class="hui-footer-phone"
                                                                              data-reactid=".0.7.0.3.1.0">4008-220-220</span>
                    <span data-reactid=".0.7.0.3.1.1"> ( 9:00 - 24:00 )</span>
                </dd>

            </dl>
        </div>
        <div class="hui-footer-ft" id="footer-ft" data-reactid=".0.7.1">


            <div class="hui-footer-ft-row">
                <p>


                    <a target="_blank">关于3z</a>

                    <b>|</b>


                    <a  target="_blank">客服中心</a>

                    <b>|</b>


                    <a target="_blank">诚聘英才</a>

                    <b>|</b>


                    <a  target="_blank">法律声明</a>

                    <b>|</b>


                    <a  target="_blank">联系我们</a>

                    <b>|</b>


                    <a target="_blank">沪友故事</a>


                </p>
            </div>

            <div class="hui-footer-ft-row">
                <p class="hui-footer-ft-contact">
                    <span>3z教育科技（上海）股份有限公司  021-61125678&nbsp;&nbsp;&nbsp;&nbsp;</span><a
                        href="http://www.miitbeian.gov.cn/" target="_blank">ICP认证：沪B2-20110096</a>
                </p>
                <p class="hui-footer-ft-copyright">
                    <span>Copyright © 2018 3z All Rights Reserved.</span>
                </p>
                <p class="hui-footer-ft-oncall">
                    <span>内容举报热线 4008220220</span>
                </p>
            </div>
            <div class="hui-footer-ft-row hui-footer-ft-row-icon">
                <p class="hui-footer-ft-icon">

                    <a class="hui-footer-ft-icon-1" href="http://jubao.china.cn:13225/reportform.do"
                       title="中国互联网举报中心" target="_blank">
                        <i></i>
                        <span>中国互联网举报中心</span>
                    </a>

                    <a class="hui-footer-ft-icon-2"
                       href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502000355"
                       title="互联网站备案信息" target="_blank">
                        <i></i>
                        <span>互联网站备案信息</span>
                    </a>

                    <a class="hui-footer-ft-icon-3" href="http://www.shjbzx.cn/" title="上海互联网举报中心" target="_blank">
                        <i></i>
                        <span>上海互联网举报中心</span>
                    </a>

                    <a class="hui-footer-ft-icon-4"
                       href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=20120514145658342"
                       title="工商网监电子标识	  " target="_blank">
                        <i></i>
                        <span>工商网监电子标识	  </span>
                    </a>

                    <a class="hui-footer-ft-icon-5" href="http://www.cyberpolice.cn/wfjb/" title="上海网络报警平台"
                       target="_blank">
                        <i></i>
                        <span>上海网络报警平台</span>
                    </a>

                </p>
            </div>

        </div>
    </div>
</div>
</div>

<ul id="hui-gotop" class="hui-sidebar">
    <li class="hui-gotop-btn hui-sidebtn" style="display: none;">
        <a id="hui-gotop-btn" title="回到顶部">
            <i class="hui-icon hui-icon-arrow-up"></i>
            <span class="hui-bg">回到顶部</span>
        </a>
    </li>
</ul>

{js href="/static/index/js/jquery-1.8.3.min.js"}
{js href="/static/layer/layer.js"}
<script>
    // 选择课程
    $('.js_select').click(function(){
        var num = $(this).attr('data-color');
        if(  num == 0 ){
            $(this).attr('data-color, 1');
            $('.js_select').css('border','1px solid #55B472');
        }else{
            $(this).attr('data-color, 0');
            $('.js_select').css('border','1px solid #fff');
        }

        $('.ulNode').toggle();

    });

    // 选择课程笔记
    $('.liebiao').click(function(){
        var newName =  $(this).attr('data-name');
        var cid = $(this).attr('data-cid');
        var showid = $(this).attr('show-id');
        $('.noteCaption').html(newName);
        $.ajax({
            type : 'post',
            url  : '/ajaxChange',
            data : {
                'cid' : showid,
                'uniteid' : cid
            },
            success : function(data){
                if(data.length == 0){
                    var str1 = '<div class="_2aMB3-8z null clearfix" style="color:green; font-size:30px;">本课您还没有记笔记, 快去学习吧!!!</div>'
                    $('._0310_zzh').html(str1);
                } else {
                    var str2 = '';
                    $.each(data, function(i,v){
                        str2 += '<div class="_2aMB3-8z null  oneNote'+v.id+'  clearfix"><div><span class="_357cyxEt">'+v.content+'</span></div><div><div class="_3dx7uMMB clearfix"><div class="_1no7VKre"><a class="_1wfbsMKw"  target="_blank">'+v.unitename+'</a><div class="_3QidTYFg">|</div><div class="_3QidTYFg">'+Date(v.updatetime).substring(16,24)+'</div><div class="_3QidTYFg"></div><div><div class="_2ID7xlPk clearfix"><div  id="dblChoseAlert"  data-edit="'+'" data-edit-id="'+v.id+'" class="_39JT77Gw" onclick="editajax('+v.id+')"><i class="hui-icon hui-icon-edit _2V2mm5-L"  ></i><span>修改</span></div><div class="OB5E8hU_"  onclick="delajax('+v.id+')"><i class="hui-icon hui-icon-delete _2V2mm5-L"></i><span>删除</span></div></div></div></div></div></div></div>';

                        //  插入页面
                        $('._0310_zzh').html(str2);

                        // 删除分页效果
                        $('._3Z6Rv8IH').remove();
                    });


                }
            }

        })

    });

    // 点击修改笔记
    function editajax(id, content){
        console.log(id, content);
        layer.prompt({
            formType: 2,
            value: content,
            title: '修改笔记',
            area: ['400px', '250'] //自定义文本域宽高
        }, function(value, index, elem){
            $.ajax({
                type : 'post',
                dataType: 'json',
                url : '/editNotes',
                data: {
                    'nid' : id ,
                    'content' : value
                },
                success : function(data)
                {
                    console.log(data);
                    if(data == 200){
                        layer.msg('修改成功!!!');
                    } else {
                        layer.msg('修改失败!!!');
                    }
                    location.replace(location.href);
                    layer.close(index);
                }
            });
        });
    }

    // 点击删除笔记
    function delajax(id){
        layer.confirm('你确定要删除该笔记?', {icon: 3, title:'提示'}, function(index){
            var del_id = id;
            $.ajax({
                type : 'post',
                dataType: 'json',
                url : '/delNotes',
                data: {
                    'nid' : del_id
                },
                success : function(data)
                {
                    if(data == 200){
                        layer.msg('删除成功!!!', {icon: 1});
                        $('.oneNote'+ id).remove();
                    } else {
                        layer.msg('删除失败!!!');
                    }
                    layer.close(index);
                }
            });
        })
    }

    // 点击添加笔记
    /*$('.TMrk3pYg').click(function(){
        var id = $(this).attr('data-add-id');
        $.ajax({
            type : 'post',
            data : {
                'id' : id
            },
            url  : '/addNoteAjax',
            dataType : 'json',
            success : function(data){
                console.log(data);
                var str1 = '';
                var str2 = '';
                $.each(data, function(i,v){
                    console.log(v);
                    str1 += '';
                    str2 += '<div class="_2aMB3-8z null  oneNote'+v.id+'  clearfix"><div><span class="_357cyxEt">'+v.content+'</span></div><div><div class="_3dx7uMMB clearfix"><div class="_1no7VKre"><a class="_1wfbsMKw" href="http://class.hujiang.com/lesson/p3_5608220/0"  target="_blank">'+v.unitename+'</a><div class="_3QidTYFg">|</div><div class="_3QidTYFg">'+Date(v.updatetime)+'</div><div class="_3QidTYFg"></div><div><div class="_2ID7xlPk clearfix"><div  id="dblChoseAlert"  data-edit="'+'" data-edit-id="'+v.id+'" class="_39JT77Gw" onclick="editajax('+v.id+','+v.content+')"><i class="hui-icon hui-icon-edit _2V2mm5-L"  ></i><span>修改</span></div><div class="OB5E8hU_"  onclick="delajax('+v.id+')"><i class="hui-icon hui-icon-delete _2V2mm5-L"></i><span>删除</span></div></div></div></div></div></div></div>';

                    //  插入页面
                    $('._0310_zzh').html(str2);
                });
            }
        });
    });*/


</script>


</body>
</html>